<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>票务服务-QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台</title>
    <!--链接 图片效果-->
    <link rel="stylesheet" href="css/qq音乐.css" type="text/css">
    <script src="js/jquery-3.3.1.min (1).js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <script src="js/index_js.js"></script>
</head>
<body>
<div class="topNav">
    <!--导航栏 上部分开始-->
    <div class="topCenter">
        <!--logo 开始-->
        <div class="logo">
            <img src="images/logo.png" alt="images/logo.png"/>
        </div>
        <!--logo 结束-->
        <!-- 导航栏内容  开始-->
        <div class="top1">
            <div class="top2">
                <a href="javascript:void(0)">音乐馆</a>
            </div>
            <nav>
                <a href="javascript:void(0)">我的音乐</a>
                <a href="javascript:void(0)">客户端</a>
                <a href="javascript:void(0)">音乐号</a>
                <a href="javascript:void(0)">VIP</a>
            </nav>
        </div>
        <!-- 导航栏内容  结束-->
        <!--搜索框开始-->
        <div class="top3">
            <input type="text" placeholder="搜索音乐、MV、歌单" class="search1" />
            <input type="submit" value="搜索" class="search2"/>
        </div>
        <!--搜索框结束-->
        <!--登录 开通绿钻豪华版 开通付费包-->
        <div class="top4">
            <a href="登录.html" class="nav1">登录</a>
            <a href="javascript:void(0)" class="nav2">开通绿钻豪华版</a>
            <a href="javascript:void(0)" class="nav3">开通付费包</a>
        </div>
        <!--登录 开通绿钻豪华版 开通付费包-->
    </div>
    <!--导航栏上部分 结束-->
    <!--导航栏下部分 开始-->
    <div class="under">
        <!--下划线-->
        <hr/>
        <!--导航栏内容 开始-->
        <nav>
            <a href="./index.html " >首页</a>
                    <a href="./sing.html">歌手</a>
                    <a href="./newMusic.html">新碟</a>
					<a href="./rankingList.html">排行榜</a>
                    <a href="./songList.html">分类歌单</a>
                    <a href="./radio.html">电台</a>
                    <a href="./mv.html">MV</a>
                    <a href="./digitalAlbum.html">数字专辑</a>
                    <a href="./ticketing.html" class="under1 top_subnav__link--current">票务</a>
        </nav>
        <!--导航栏内容 结束-->
        <div class="hzy"></div>
    </div>
    <!--导航栏下部分 结束-->
</div>

      <div class="LiJianYeM">
          <div class="LiJianRun">
              <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                  <!-- 下边的控制圆点 -->
                  <ol class="carousel-indicators">
                      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                  </ol>
                  <!-- 用于轮播的图片和描述 -->
                  <div class="carousel-inner" role="listbox">
                      <div class="item active">
                          <img src="images/李健.jpg" alt="...">
                      </div>
                      <div class="item">
                          <img src="images/zhangjie.png" alt="...">
                      </div>
                      <div class="item">
                          <img src="images/junjie.jpg" alt="...">
                      </div>
                      <div class="item">
                          <img src="images/ahhhhhhh.jpg" alt="...">
                      </div>
                  </div>
                  <!-- 左边的按钮 -->
                  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                      <span class="sr-only">Previous</span>
                  </a>
                  <!--右边的按钮-->
                  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                      <span class="sr-only">Next</span>
                  </a>
              </div>
              <!--搜索框-->
              <div class="searchBox">
                  <input type="text" class="searchInput" >
                  <div class="searchButton">
                      <a href="javascript:void(0)">票务搜索</a>
                  </div>
                  </div>
                 </div>
              </div>
      <div class="allLabel">
         <div class="label">
             <navlb>
                 <img src="images/alltubiao.PNG" alt="">
                 <a href="javascript:void (0)">全部</a>
                 <img src="images/microphone.PNG" alt="">
                 <a href="javascript:void (0)">演唱会</a>
                 <img src="images/hot.PNG" alt="">
                 <a href="javascript:void (0)">livehouse</a>
                 <img src="images/concert.JPG" alt="">
                 <a href="javascript:void (0)">音乐会</a>
                 <img src="images/dance.PNG" alt="">
                 <a href="javascript:void (0)">舞蹈芭蕾</a>
                 <img src="images/opera.PNG" alt="">
                 <a href="javascript:void (0)">话剧歌剧</a>
                 <img src="images/others.PNG" alt="">
                 <a href="javascript:void (0)">其他演出</a>
             </navlb>
         </div>
      </div>
      <div class="hotPut">
          <a href="javascript:void(0)">热门推荐</a>
      </div>
<div class="bigBoxa">
<!--音乐商品  开始-->
<div class="singer">
    <!--左上边广告图 开始-->
    <div class="singerleft1">
        <!--上-->
        <a href="javascript:void(0)">
            <img src="images/qunzinv.jpg" alt=""/>
        </a>
    </div>
    <!--左上边广告图 结束-->

    <!--右边音乐商品 开始-->
    <div class="rightGoods">
        <!--上部-->
        <div class="rightGoodsBox">
            <dl>
                <dt>
                    <img src="images/linyoujia.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">林宥嘉idol爱多世界巡回演唱会成都站</p>
                    <p class="songInfo">2019.04.13 五粮液成都金融城演艺中心</p>
                    <p class="songPrice">￥ 380起</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="images/milkandcoffee.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">牛奶咖啡“勇敢的人会拥有翅膀”TOUR2019深圳站</p>
                    <p class="songInfo">2019.04.20 后青年 Hou Live</p>
                    <p class="songPrice">￥ 99起</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="images/linken.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">林肯MKC·刺猬现场“左右风潮”成都站</p>
                    <p class="songInfo">2019.02.22 梵木创艺区·正火艺术1号馆</p>
                    <p class="songPrice">￥ 180起</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="images/chenhuixian.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">陈慧娴Priscilla-ism巡回演唱会广州站</p>
                    <p class="songInfo">2019.04.27 广州海心沙亚运公园</p>
                    <p class="songPrice">￥ 188起</p>
                </dd>
            </dl>
      </div>
        </div>
    </div>
</div>
<div class="concert">
        <a href="javascript:void(0)">音乐会</a>
    </div>

<!--音乐商品  开始-->
<div class="bigBoxb">
<div class="singer">
    <!--左边广告图 开始-->
    <div class="singerleft1">
        <!--下-->
        <a href="javascript:void(0)">
            <img src="images/women%20bei.jpg" alt=""/>
        </a>
    </div>
    <!--左边广告图 结束-->
    <!--右边商品 开始-->
    <div class="rightGoods">
        <!--下部-->
        <div class="rightGoodsBox">
            <dl>
                <dt>
                    <img src="images/man.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">Mozart莫扎特专场音乐会</p>
                    <p class="songInfo">2019.06.22 西安音乐厅</p>
                    <p class="songPrice">￥ 60起</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="images/qianxun.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">XSO“千与千寻”视听交响乐</p>
                    <p class="songInfo">2019.02.09 西安音乐厅</p>
                    <p class="songPrice">￥ 80起</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="images/T017M0000014uBRk41uORA.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">XSO奥斯卡视听交响音乐会</p>
                    <p class="songInfo">2019.02.10 西安音乐厅</p>
                    <p class="songPrice">￥ 80起</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="images/T017M000002xNqQ61CF9I7.jpg" alt=""/>
                </dt>
                <dd>
                    <p class="songName">《筝行天下》古筝名家名曲音乐会全国巡演西安站</p>
                    <p class="songInfo">2019.02.17 西安音乐厅</p>
                    <p class="songPrice">￥ 180起</p>
                </dd>
            </dl>
        </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="section_inner">
        <div class="footer_info">
            <div class="footer_download">
                <h3 class="footer_tit">下载QQ音乐客户端</h3>
                <ul class="footer_download_list">
                    <li class="footer_download_list_item"><a href="//y.qq.com/download/"><i class="icon_qm_pc"><span class="icon_txt">QQ音乐</span></i>PC版</a></li>
                    <li class="footer_download_list_item"><a href="//y.qq.com/download/"><i class="icon_qm_mac"><span class="icon_txt">QQ音乐</span></i>Mac版</a></li>
                    <li class="footer_download_list_item"><a href="//y.qq.com/download/"><i class="icon_qm_android"><span class="icon_txt">QQ音乐</span></i>Android版</a></li>
                    <li class="footer_download_list_item"><a href="//y.qq.com/download/"><i class="icon_qm_iphone"><span class="icon_txt">QQ音乐</span></i>iPhone版</a></li>
                </ul>
            </div>
            <div class="footer_product">
                <h3 class="footer_tit">特色产品</h3>
                <ul class="footer_product_list">
                    <li class="footer_product_list__item footer_product_list__item--pic"><a href="http://kg.qq.com/?pgv ref=qqmusic.y.topmeau"><i class="icon_qm_kg"><span class="icon_txt"></span></i>全民K歌</a></li>
                    <li class="footer_product_list__item footer_product_list__item--pic"><a href="http://kg.qq.com/?pgv ref=qqmusic.y.topmeau"><i class="icon_qm_ss"><span class="icon_txt"></span></i>Super Sound</a></li>
                    <li class="footer_product_list__item footer_product_list__item--pic"><a href="http://kg.qq.com/?pgv ref=qqmusic.y.topmeau"><i class="icon_qm_qp"><span class="icon_txt"></span></i>QPlay</a></li>
                    <li class="footer_product_list__item "><a href="http://kg.qq.com/?pgv ref=qqmusic.y.topmeau">车载互联</a></li>
                    <li class="footer_product_list__item "><a href="http://kg.qq.com/?pgv ref=qqmusic.y.topmeau">QQ演出</a></li>
                </ul>
            </div>
            <div class="footer_link">
                <h3 class="footer_tit">合作链接</h3>
                <ul class="footer_link_list">
                    <li class="footer_link_list__item"><a href="#">CJ ENM</a></li>
                    <li class="footer_link_list__item"><a href="#">腾讯视频</a></li>
                    <li class="footer_link_list__item"><a href="#">手机QQ空间</a></li>
                    <li class="footer_link_list__item"><a href="#">最新版QQ</a></li>
                    <li class="footer_link_list__item"><a href="#">腾讯社交广告</a></li>
                    <li class="footer_link_list__item"><a href="#">电脑管家</a></li>
                    <li class="footer_link_list__item"><a href="#">QQ浏览器</a></li>
                    <li class="footer_link_list__item"><a href="#">腾讯微云</a></li>
                    <li class="footer_link_list__item"><a href="#">腾讯云</a></li>
                    <li class="footer_link_list__item"><a href="#">企鹅FM</a></li>
                    <li class="footer_link_list__item"><a href="#">智能电视网</a></li>
                    <li class="footer_link_list__item"><a href="#">当贝市场</a></li>
                </ul>
            </div>
            <div class="footer_platform">
                <h3 class="footer_tit">开放平台</h3>
                <ul class="footer_platform_list">
                    <li class="footer_platform_list__item"><a href="#">腾讯音乐人平台</a></li>
                    <li class="footer_platform_list__item"><a href="#">音乐号认证</a></li>
                    <li class="footer_platform_list__item"><a href="#">机构入驻</a></li>
                </ul>
            </div>
        </div>
        <div class="footer_copyright">
            <p>
                <a href="javascript:void(0)">关于腾讯</a>|
                <a href="javascript:void(0)">About Tencent</a>|
                <a href="javascript:void(0)">服务条款</a>|
                <a href="javascript:void(0)">用户服务协议</a>|
                <a href="javascript:void(0)">隐私政策</a>|
                <a href="javascript:void(0)">权利声明</a>|
                <a href="javascript:void(0)">广告服务</a>|
                <a href="javascript:void(0)">腾讯招聘</a>|
                <a href="javascript:void(0)">客服中心</a>|
                <a href="javascript:void(0)">网站导航</a>
            </p>
            <p>
                Copyright&copy;1998-
                <script type="text/javascript"></script>
                2019 Tencent
                <a target="_blank" href="javascript:void(0)">All Rights Reserved</a>
            </p>
            <p>
                腾讯公司
                <a target="_blank" href="javascript:void(0)">版权所有</a>
                <a target="_blank" href="javascript:void(0)">腾讯网络文化经营许可证</a>
            </p>
        </div>
    </div>
</div>
</body>
</html>